<template>
  <div>
    <el-form :model="dataForm" ref="auditForm" label-width="120px" size="small">
      <el-row>
        <el-col :span="24">
          <el-form-item label="反馈人：" prop="auditResult">
            <el-input disabled placeholder="请输入审批意见" show-word-limit clearable type="text" v-model="feedName"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="联系方式：">
            <el-input disabled placeholder="请输入审批意见" show-word-limit clearable type="text" v-model="dataForm.contactType"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
          <el-form-item label="反馈内容：" prop="auditAdvice">
            <el-input disabled placeholder="请输入审批意见" show-word-limit clearable type="textarea" :rows="10" v-model="dataForm.opinionContent"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <el-row>
      <el-col :span="24">
        <el-button type="" @click="close" size="mini">关闭</el-button>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import api from '../api'
import { CONSTANT_OBJ } from '@/utils/constant'
export default {
  props: {
    feedId: String,
    feedName: String
  },
  data () {
    return {
      dataForm: {}
    }
  },
  mounted () {
    this.getDetails()
  },
  methods: {
    getDetails () {
      api.getOpinionDetails(this.feedId).then(res => {
        const { responseCode, data } = res
        if (responseCode === CONSTANT_OBJ.RES_SUCCESS) {
          this.dataForm = {...data}
        }
      })
    },
    close () {
      this.$emit('close')
    }
  }
}
</script>
